// commonJs 导入语法
const {add,mul}=require("./js/mathUtils.js")
console.log(add(10, 20));
console.log(mul(20, 30));

// es6 的导入
import {name,age} from "./js/info"

console.log(name);
console.log(age);


//3. 依赖 css文件
require("./css/normal.css")


//5 使用vue 一切皆模块的思想 需要 npm install vue --save   因为vue 运行的时候也需要用到 所以是--save 而不是 --save-dev
// 没有写路径 去 node_moudles 里面找  他是通过export default vue 导出的
// template 里面的会替换掉 el绑定的div的东西
// import Vue from "vue"
// const app=new Vue({
//   el: '#app',
//   template: `
//     <div>
//       <h2>{{message}}</h2>
//       <button @click="btnClick">按钮</button>
//     </div>
//   `,
//   data: {
//     message: 'hello webpack',
//     name: 'zhangsan'
//   },
//   methods: {
//     btnClick(){
//       console.log("btnClick");
//     }
//   }
// })



// const App={
//   template :`
//     <div>
//       <h2>{{message}}</h2>
//       <button @click="btnClick">按钮</button>
//       <span>{{message}}</span>
//     </div>
//   `,
//   data(){
//     return {
//       message: 'hello webpack',
//       name: 'zhangsan'
//     }
//   },
//   methods: {
//     btnClick(){
//       console.log("btnClick");
//     }
//   }
// }
// import Vue from "vue"
// const app=new Vue({
//   el: '#app',
//   template: '<app />',
//   data: {
//   },
//   components: {
//     App
//   }
// })




import Vue from "vue"
//import App from "./js/app"
// 导入vue 文件需要 对应的loader    vue-loader vue-template-compiler
import App from "./vue/App.vue"
new Vue({
  el: '#app',
  template :'<App/>',
  components: {
    App
  }
})

document.writeln("<button>按钮2</button>")